/*   
Theme Name: 云端商城-woocommerce商城版本
Theme URI:http://www.themepark.com.cn/
Description: WEB主题公园所出品的一款woocommerce主题，可以轻松地打造一款电子商务网站，响应式设计，对移动设备额兼容性强大。
Author:WEB主题公园
Author URI: http://www.themepark.com.cn/
Version: 1.58
*/

/* public */
@media screen and (min-width:1025px) and (max-width:200000px){
#per27 .modle_box.fixed_m,#per27 .fixed_m{ display:none;position: fixed;top: 0;}
.single-product #per27 .modle_box.fixed_m{top:40px;}
.admin-bar #per27 .modle_box.fixed_m{top:30px;}
}
#icons_nav a span{display: none;}
body{ margin:0; padding:0; font-family:arial,"Hiragino Sans GB","Microsoft YaHei","微軟正黑體","儷黑 Pro",sans-serif; background:#f5f5f5;}
@media screen and (min-width:100px) and (max-width:768px){	#PcOnly,.PcOnly{ display:none;}}
@media screen and (min-width:769px) and (max-width:20000px){#MovePnly,.MovePnly{ display:none;}}
@media screen and (min-width:1024px) and (max-width:20000px){body.woocommerce-demo-store{margin:31px 0 0;}}
@media screen and (min-width:1px) and (max-width:1024px){.woocommerce-store-notice,.demo_store{ display:none !important;}
nput[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
}
#right_shop .summary .price_info del ins,#right_shop .summary .price_info  ins del{display: none!important;}
.top .top_right  .woocommerce-message{display: none!important;}
.caseshow ul li .case_pic figure{ margin: 0;}
a:link{}
.pagination span{transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;}
img{ max-width:100%; height:auto;}
a{ text-decoration:none;}
h1{ margin:0;}
ul{ margin:0; padding:0;}
.box_in{ width:90%; padding:0 5%; max-width:1226px;}
.wp_clear{ clear:both;}

.header_pic_nav li,.footer_contact a,#right_shop .woocommerce-pagination ul li a,.single_tag a,.theme_functions .my_center,.theme_functions .search_btn,.theme_functions .fa,#waper_drog_nav  ul li,.header_pic_nav li.menu-item-has-children i,.custom_box_btn,.pager a,.vedio_btn,.menu_header .sub_jia ,.header_nav_move_btn i{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
img,.language_btn{ border:none;}

/* 404 */
@media screen and (min-width:600px) and (max-width:20000px){.move_404{ display:none; }}
@media screen and (min-width:1px) and (max-width:599px){.pc_404{ display:none;}}

@media screen and (min-width:1024px) and (max-width:20000px){.header_in .logo img.movelogo{ display:none; }}
@media screen and (min-width:1px) and (max-width:1023px){.header_in .logo img.pclogo{ display:none;}}

/*header 头部*/


#head{display: block; width: 100%; height: auto; background: #fff;border-bottom: solid 2px #ea471c; position: relative;z-index: 1000;}
.index_images_news_box li,.menu_header li a,.city_list a,.top a,.pulldown_box li a,.index_images_news_box li a,.nav_poket_ul_in ul li img,.xuanfus{-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
/*top 顶部工具条*/
@media screen and (min-width:1024px) and (max-width:20000px){
.top{width: 100%; height: auto; padding:5px 0; border-bottom: 1px solid #e8e8e8; font-size: 12px; color: #666; background:#f2f2f2; }
.top a{ color:#666;  margin-right: 10px; text-decoration: none;}
.top a:hover{ color:#ea471c;}
.top_in{width: 96%; padding: 0 2%;max-width: 1226px;margin: 0 auto;}
.top a font{color: #F90105;}

.top_left{float: left; display: block;}
.top_left span{ margin: 0 10px 0 0;}
.top_right{float:right; display: block;}
.top_right a.cat i{display:inline-block; width: 14px; height: 14px; background: url(images/gwc.jpg) no-repeat; position: relative; top: 3px; margin-right: 5px;} 
}
@media screen and (min-width:1px) and (max-width:1023px){
	.top{display: none;}	
}
@media screen and (min-width:1px) and (max-width:1024px){.top_right{margin-right: 5%;}}

/*header_in */
.header_in{width: 96%; padding: 0 2%; max-width: 1226px;margin:0 auto; }

/*logos logo和地区展开*/



.header_in .logos,.header_in .logos h1,.city{float: left;display: block; font-size: 0;}
.city{ margin: 45px  0 0 15px; font-size: 14px; color: #333; position: relative;}
.city p{ margin: 0 0 5px 0;}
.city span{ display: block; padding: 2px; border: solid 1px #ccc; color: #ccc;font-size: 12px; cursor: pointer;}
.city_list{ position: absolute; width: 500px; height: auto; padding:0 10px 20px  10px; background: #fff; border: solid 1px #ccc; left: 0; top: 46px; display: none;z-index: 100;}
.city_list a{margin-left: 17px;margin-right: 17px;margin-top: 20px;display: inline-block;color: #333;text-decoration: none;}
.city_list a.activ,.city_list a:hover{color:#ea471c;}

/*header_lianxi*/
@media screen and (min-width:1025px) and (max-width:20000px){
	.pulldown_box, .list_submune {
    height: 480px;
}
.site_contact{float: right; margin-top:68px; width:245px; text-align: right; display: block;  position: relative;  }
.scontetnt-1,.scontetnt-2{float: left; position: relative; margin-right: 10px;}
.scontetnt-1 i{ display: block; width: 28px; height: 28px; float: left;position: relative; top: 3px;}
.scontetnt-1 p{float: left; display: block; margin: 0 0 0 10px; font-size: 12px; }
.scontetnt-1 p font{color:#22c233;}

.scontetnt-2 i{ display: block; width: 28px; height: 28px; float: left;position: relative; top: 3px;}
.scontetnt-2 p{float: left; display: block; margin: 0 0 0 10px; font-size: 11px; }
.scontetnt-2 p strong{color:#ea471c ;font-size: 14px;}
.out_dd{ width: 150px; padding: 10px; background: #fff; position: absolute; bottom:-63px;left: 0; border: solid 1px #ccc; z-index: 10; display: none;}
	.out_dd p{font-size: 14px; color: #666;}}
@media screen and (min-width:1px) and (max-width:1024px){.site_contact{display: none;}}
/*search 搜索*/

.header_search{ overflow: hidden; }

.header_search input[type="text"]{height: 15px;line-height: 15px;font-size: 12px;color: #ccc;border: none;border-right-width: medium;border-right-style: none; border-right-color: currentcolor;outline: medium;margin-top: 9px;padding-left: 15px;border-right: 1px solid #e8e8e8;}
.search_boxs { height: 32px; border: 2px solid #ea471c; margin-top: 10px; position: relative;}
.search_boxs input[type="text"] + input { font-size: 18px; color: #ea471c; border: none; background: none; margin-top: 4px; float: right;  outline: medium;  cursor: pointer; font-family: "microsoft yahei";}
@media screen and (min-width:1024px) and (max-width:20000px){
	.header_search{float: right; width: 500px;  margin: 20px 20px 0 0; }
	.header_search p{width: 100%;overflow: hidden;font-size: 14px;color: #666;}
.header_search p span{margin-right: 10px;cursor: pointer;}
.header_search p span.sel{color:#ea471c;}
	.header_in .logos h1{margin: 0; position: relative; top: 8px; font-size: 0;}
	.search_boxs {width: 496px; }
	.header_search input[type="text"]{width: 86%;}
}

@media screen and (min-width:1px) and (max-width:1023px){
	.header_search{float: left; width:70%;  margin: 10px 0 0 0; }
	.header_search p{display: none;}
	.header_in .logos{ width: 20%;}
	.header_in .logos h1{margin: 0; font-size: 0;}
	.search_boxs {width:98%; }
	.header_search input[type="text"]{width: 60%;}
}
/*nav 导航*/
@media screen and (min-width:1024px) and (max-width:20000px){
.headers_nav{width: 100%; height: auto; float: left; margin-top: 10px;position: relative;}

.menu_header{ float:left; width: auto; display: block; margin: 0;} 
.menu_header li{ display: block; float: left; padding: 0 20px; height: 40px; position: relative; text-align:center; margin-right: 15px;}
.menu_header li a{ color: #333; position: relative; font-size: 15px; line-height: 40px; text-decoration: none;}
.menu_header li a:hover,.menu_header li.current-menu-item a,.menu_header li .sub-menu li.current-menu-item a span{color:#ea471c;}
	.menu_header li.current-menu-item .sub-menu li a span,.menu_header li.sale .sub-menu li a span{color: #333;}

.menu_header li.sale a{color:#ea471c; }
.menu_header li.hot i{display: block; width: 19px; height: 12px; background: url(images/hot.gif); position: absolute;right: -20px;top: -8px;}
.menu_header li .sub-menu{position: absolute; top: 40px; left: 0; background: #fff; padding: 5px; box-shadow: 0 0 3px #666; width: 150px; display: none;}
.menu_header li .sub-menu  .sub-menu{left: 155px; top: 0;}
.menu_header li .sub-menu  .sub-menu .sub-menu{left:310px;}
.menu_header li .sub-menu li{padding: 5px 0; width: 100%; text-align: left;}
.menu_header li img{max-width: 40px; height: auto;}
.menu_header li figure{float: left;margin:0 5px 0 10px;}


}
#list_nav_ajax figure {
    margin: 0;
}

@media screen and (min-width:1px) and (max-width:1023px){
.menu_header{display:none;position:fixed; width:100%; background:#fff; left:0;top:72px;  overflow-y: scroll;-webkit-overflow-scrolling: touch; height:100%;}	
.menu_header li{width: 95%;display: block; float: left; padding: 0 2%;  position: relative; border-bottom: solid 1px #F2f2f2;}	
.menu_header li a{ color: #333; position: relative; font-size: 15px; line-height: 40px; text-decoration: none;}
.menu_header li.sale a{color:#ea471c; }
.menu_header li.hot i{display: block; width: 19px; height: 12px; background: url(images/hot.gif); position: absolute; right: -20px;top: -8px;}
.menu_header li .sub-menu{position: relative;  margin: 0; width: 100%; overflow: hidden;background:#F2f2f2; padding: 5px;  display: none;}
.menu_header li .sub-menu  .sub-menu{left: 10px;}
.menu_header li .sub-menu  .sub-menu .sub-menu{left:310px;}
.menu_header li .sub-menu li{padding: 5px 0; width: 100%; text-align: left;}
.menu_header li img{max-width: 40px; height: auto;}
.menu_header li figure{float: left;margin:0 5px 0 10px;}
.menu_header li.menu-item-has-children .sub_jia{float: right; position:absolute; top:13px; right:10px; width:20px; height:17px; background:url("images/theme.png") no-repeat scroll 0 -491px; }
	.menu_header li .sub-menu .sub-menu .sub_jia{display: none;}
	.menu_header .sub_jia.down_go,.header_nav_move_btn.down_go i{-webkit-transform: rotate(-180deg);}	
#head{position: fixed; top: 0; left: 0;}
.header_nav_move_btn{ float:right; width:10%; text-align: center;display:block;padding-top: 31px;}

.header_nav_move_btn i{display: inline-block;  width: 15px;height:17px; background:rgba(0, 0, 0, 0) url("images/theme.png") no-repeat scroll 0 -494px ;}
}
/*下拉菜单*/
@media screen and (min-width:1024px) and (max-width:20000px){
.all_product_btn{float:left; width:19.4%;font-size: 15px; text-align: center; background: #ea471c;  height: 40px; line-height: 40px; color:#fff;cursor: pointer;position: relative;z-index: 11;}
.open_nav .pulldown_box{display: block;}
.pulldown_box{ display: none;;width: 100%;   position:absolute; top: 42px; left: 0; background: #fff; margin: 0; padding: 0;}
.pulldown_box:hover,.list_submune:hover .pulldown_box{background: #F2f2f2}
.pulldown_box li{display: block; float: left; width: 100%; border-bottom: solid 1px #F2f2f2;}
.pulldown_box li a{width: 90%; padding: 15px 5%; display: block; text-align: left; line-height: 24px; position: relative;}
.pulldown_box li:hover{ width: 98%; border-left: solid 3px #ea471c; box-shadow: 0 0 5px #999;background: #fff;}
.pulldown_box li a:hover{margin-left:15px; color:#ea471c }

.pulldown_box li a img{float: left; max-width: 29px; height: auto; margin:0 10px 0  40px;}
.pulldown_box li a span{ font-size: 16px; color: #999;}
.pulldown_box li .sub-menu{display: none;}
/*下拉展开模块*/

.list_submune{width: 61%; background: #fff;  position: absolute; left: 19.4%; top: 42px; z-index:1; box-shadow: 0 0 5px #333; display: none;}
#list_nav_ajax,.list_products{ width:100%; padding: 10px 0; overflow: hidden;min-height: 313px;}
.list_submune h3{width: 99%; display: block; font-size: 15px; color: #333; margin: 15px 0 15px 1%;border-bottom: 1px  dashed #ccc;}
#list_nav_ajax ul{margin: 0; display: block; width:95%; overflow: hidden; padding: 0 2.5%;}
#list_nav_ajax ul li{width: 116px;line-height: 30px;text-align: center;float: left;font-size: 12px;margin: 0 10px 10px 0; list-style: none;}
#list_nav_ajax ul li ul li	{background-color: #f3f3f3;}
#list_nav_ajax ul li.menu-item-has-children{width:100%; background:none;}
#list_nav_ajax ul li.menu-item-has-children a{width: 99%; display: block; font-size: 15px; color: #333; margin:5px 0 10px 1%;border-bottom: 1px  dashed #ccc; text-align:left; }
#list_nav_ajax ul li.menu-item-has-children ul li a{padding: 0; width: auto; display: inline; border: none; text-align: center;}

#list_nav_ajax ul li  a{font-size: 12px; color: #666;}
#list_nav_ajax ul li  a img{max-width: 100px;margin-top: 5px;}
#list_nav_ajax ul li a:hover{color:#ea471c;}
.list_products .index_images_product_box{width: 100%;padding: 0;}
.list_products .index_images_product_box .products_boxs{width:  32%;}
}
@media screen and (min-width:1px) and (max-width:1023px){.list_submune,.hid{display: none;}}






@media screen and (min-width:1px) and (max-width:1024px){ 


#waper_drog_nav{  width:100%;  position:fixed; top:73px; right:-100%; z-index:100;  height:100%; overflow-y: scroll;overflow-x:hidden;-webkit-overflow-scrolling : touch; background:#fff; }
.gapodu{ width:100%; float:left; height:300px;}
	#waper_drog_nav_ul{ padding-top:53px; }
#waper_drog_nav li .sub-menu{    position:absolute; right:-100%; top:49px; width:95%; padding: 0 2.5%; overflow:hidden; background:#fff; height:100%; overflow-y: scroll;-webkit-overflow-scrolling : touch;overflow-x:hidden; z-index: 1200;}
	#waper_drog_nav li .sub-menu .sub-menu {height: auto !important; top: 50px;}	
#waper_drog_nav li {border-bottom:solid 1px  #F6F6F6 ; width: 98%;margin-left: 2%; float: left; display: block; text-align: center;}

#waper_drog_nav   .gobank,#waper_drog_nav  .gobanks{ width:100%; height:50px; position: fixed; top:72px;right:-100%; padding:0; margin:0; background:#F3F3F3 ; }
#waper_drog_nav   .gobank{  z-index:100;}
#waper_drog_nav  .gobanks i{ z-index:1;}
#waper_drog_nav  .gobank i,#waper_drog_nav  .gobanks i,.language_nav .gobanks i{ display:block; float:left; width:50px; height:50px; background:15px -752px no-repeat url("images/css.png")}

.pulldown_box li a{width: 62%;float: left;padding: 10px 2%; display: block; text-align: left; line-height: 24px; position: relative;}
	.pulldown_box li  .sub-menu .sub-menu a{float: none;}
	.pulldown_box li a figure{ margin: 0;}
.pulldown_box li a img{    float: left;
    max-width: 29px;
    height: auto;
    margin: 0 10px 0 10px;}
.pulldown_box li a span{ font-size: 12px; color: #333;}

	.pulldown_box li .sub-menu   a img	{margin: 0;}
#waper_drog_nav li .sub-menu  .sub-menu li	{background-color: #f3f3f3;}
	.pulldown_box li .sub-menu a{width: 100%; text-align: center;}
#waper_drog_nav li .sub-menu li{width:26%;line-height: 30px;text-align: center;float: left;font-size: 12px;margin: 10px 1.5% 10px 1.5%; list-style: none; padding: 0 6px;}
#waper_drog_nav li .sub-menu li.menu-item-has-children{width:100%; background:none;}
#waper_drog_nav li .sub-menu li.menu-item-has-children a{width: 92%; display: block; font-size: 15px; color: #333; margin:5px 0 10px 1%;border-bottom: 1px  dashed #ccc; text-align:left; }
#waper_drog_nav li .sub-menu li.menu-item-has-children ul li a{padding: 0; width: auto; display: inline; border: none; text-align: center;}

#waper_drog_nav li .sub-menu li  a{font-size: 12px; color: #666;}
#waper_drog_nav li .sub-menu li  a img{max-width:100%;margin-top: 5px;}
#waper_drog_nav li .sub-menu li a:hover{color:#ea471c;}	
	
	
#waper_drog_nav li .sub-menu li .sub-menu{ position: relative; padding: 0; left:0; top:0;  width:100%; float:left;  display:block !important;}


#waper_drog_nav  ul li.menu-item-has-children .sub_jia{ float: right;height:50px; width:50px; background: #F6F6F6 url("images/theme.png") no-repeat scroll 20px -479px;}

#waper_drog_nav  ul li.menu-item-has-children  li .sub_jia{ display:none;}

}



/*header*/



/* footer */
@media screen and (min-width:900px) and (max-width:200000px){.footer_service li{ width:20%;}}
@media screen and (min-width:600px) and (max-width:899px){.footer_service li{ width:33%;margin-bottom:5px; }}
@media screen and (min-width:350px) and (max-width:599px){.footer_service li{ width:50%;margin-bottom:5px; }}
@media screen and (min-width:100px) and (max-width:349px){.footer_service li{ width:100%;margin-bottom:5px; }}
@media screen and (min-width:900px) and (max-width:200000px){.footer_contact p{ float:left; }.footer_contact a{float:right; display:block; }}
@media screen and (min-width:100px) and (max-width:899px){.footer_contact { text-align:center;}.footer_contact p{ margin-bottom:5px;display:inline-block;}.footer_contact a{ display:inline-block;text-align:center; max-width:300px;}}
@media screen and (min-width:1px) and (max-width:1023px){.footer_bottom{padding:15px 0 70px 0;}
	.xuanfus{display: none !important;}
}
@media screen and (min-width:1024px) and (max-width:200000px){.footer_bottom{ padding:0 0 15px 0;}

.xuanfus{ position: fixed; right: 5px; bottom: 5%;z-index: 10;width: 50px;overflow: hidden; display: none;}
.sop{width: 50px; left:0!important; }
.xuanfus ul{ display: block; margin: 0; padding: 0; width: 50px;}
.xuanfus ul li{ list-style: none; display: block; width: 100%; cursor: pointer; background: #fff; margin-bottom: 5px;}
.xuanfus ul li a{ color: #333; width: 80%; padding: 5px 10%;   font-size: 14px;  height: auto; line-height: 21px; text-align: center; display: block;margin: 5px 0;}
.xuanfus ul li a.active{ color: #fff;background: #ea471c; }
.kaiguan{width: 100%; padding: 5px 0; text-align: center; background: #ea471c;}
.kaiguan i{width: 19px; height: 14px; background:  url(images/theme.png);display: inline-block; cursor: pointer;}
.dingbus {width: 100%; padding: 3px 0; text-align: center; background: #ccc;}
.dingbus i {width: 11px; height: 8px; background: url(images/down.png);display: inline-block; cursor: pointer;}


}

.footer{ width:100%; height:auto; padding:15px 0 0; background:#fff; border-top:solid 1px  #f5f5f5; float:left;}
.footer_bottom{ width:100%; height:auto; background:#fafafa ; float:left;}
.footer_in{width:96%; padding:0 2%; max-width:1226px; margin:0 auto; overflow:hidden;}
.footer_service{ width:100%; padding:5px 0; margin:0 0 5px 0; border-bottom:1px solid #e0e0e0;  float:left; display:block; overflow:hidden;}
.footer_service li{ float:left; list-style:none; }

.footer_service li img{ float:left; margin-right:10px; width:35px; height:35px;}
.footer_service li .nave_spaen{ line-height:35px; font-size:16px;}
.footer_service li .nave_spaen div{ font-size:16px; color:#616161;}
.footer_service li:hover .nave_spaen div{ color:#db2412;}

.footer_contact{ width:100%; height:auto; margin:10px 0; float:left;}
.footer_contact p{ font-size:12px; color:#333;  margin:0 20px 0 0;line-height: 37px;}
.footer_contact p.tell a{ font-size:16px; font-weight:bold; color:#ba9f74;}

.footer_contact p a{padding: 0; display: inline; color:#333; background: none; border: none; }
.footer_contact a{ background:#ba9f74; color:#fff; padding:8px 23px; font-size:12px; cursor:pointer; border:solid 1px #ba9f74; }
.footer_contact a:hover{ color:#ba9f74; background:none;}

.footer_menu{ width:100%; height:auto; padding:10px 0; display:block; float:left; text-align:center;}
.footer_menu li{ display:inline-block; margin:0 5px;}
.footer_menu  li figure{margin: 0;}
.footer_menu li span{ color:#666; font-size:12px;}
@media screen and (min-width:100px) and (max-width:449px){.wskx li{width:45%;margin-bottom:8px;}}
.wskx li span{display: none;}
.bq{ display:block; width:100%; text-align:center; font-size:12px; color:#666; line-height:20px; margin:0;} 
.bq a{ color:#ba9f74;}
.bq a.gonganwb{ display:inline-block; padding-left:25px; background:4px -180px no-repeat url("images/theme.png")}
.yq_link{ border-top:solid 1px #e0e0e0; text-align:left;width:96%; padding:10px 2% ;  max-width:1226px; margin:0 auto; overflow:hidden;}
.yq_link li{ display:inline-block; margin:0 5px 0 0;}
.yq_link li span{font-size:12px; color:#616161;}


/* liuyan */
#respond{ padding:10px 0;  margin-top:5px;}
.liuy3{ padding:10px 0; color:#666; font-size:12px;}
.liuy2{ float:left; padding-right:10px; width:50px; overflow: hidden}
#commentform input ,#commentform  textarea { border:#ccc solid 1px; background:#FFF; padding:5px; }
#respond #commentform #submit{ padding:5px 20px; background:#11a3c2 ; color:#FFF; font-weight:bold; margin:0 0 0 60px !important; cursor:pointer;border-radius: 5px;}
#commentform #submit:hover{ background:#333; }
#commentform  .themepark_radio{ width:auto; float:none; margin-left:5px;}
#commentform  .lables { color:#333; font-size:12px; text-align:left;}
#commentform em{ font-size:12px; color:#999;}
.woocommerce p.stars a{ cursor:pointer;}
#tab-reviews #comment-image-reloaded-wrapper label { width:100%; font-size:14px; color:#666;}

#comment_image_reloaded{ cursor:pointer;}

/* shaixuan */
@media screen and (min-width:1024px) and (max-width:20000px){
#nav_product_mue { display:block; width:96%; padding:10px 2%; height:auto; overflow:hidden; background:#fff;}	
#nav_product_mue #choose{ padding:3px 3%;  color:#FFF; border: none;text-transform: uppercase; cursor:pointer;  background-color:#ff4800;}
#nav_product_mue  #choose:hover{background-color: #333333; }
.title_page{ width:100%; padding:5px 0; border-bottom:#CCC solid 1px; }
.title_page b{ font-size:14px; color: #333;}
#nav_product_mue .title_page a{ font-size:12px; color:#666; margin-left:5px;}
.nav_product_close{display:none;}
	}
@media screen and (min-width:100px) and (max-width:1023px){
#nav_product_mue_out{ width:100%; height:100%; position:fixed; top:0; right:-100%; z-index:1000;}
#nav_product_mue{ width:280px; height:100%; background:#fff; float:right; padding:5px;overflow-y: scroll;-webkit-overflow-scrolling : touch; overflow-x:hidden;position:relative; z-index:100; }
#nav_product_mue_out .screening_bac{ width:100%; height:100%; position:fixed; top:0; right:-100%; background:url("images/blacks_25.png"); z-index:1;}
#nav_product_mue #choose{width:280px; position:fixed;right:-100%; bottom:49px; padding:8px 0; background:#FF3300; color:#fff; font-size:14px; font-weight:normal;}

}

.nav_product_mu { padding-top:10px; display:block; float:left; width:100%;}
.product_nav_index{ width:100%; height:auto; padding:10px 0;}
.index_content .product_nav_index_in{ margin:0 auto; width:100%; max-width:1280px; }
.product_nav_index_in{ margin:0 auto; width:100%; max-width:1200px;}
.nav_product_mu li{ width: auto; height:auto; display:block; float:left;}
.nav_product_mu li.menu-item-has-children{ width:100%; margin-bottom:10px;} 
.nav_product_mu li a{ display:block; width: auto; height:auto; font-size:14px; color:#333; font-weight:bold;  padding:2px; float:left; margin-right:10px; text-align:center; text-decoration:none;border-radius:5px;}
.nav_product_mu li .sub-menu{ display:block;}
.nav_product_mu li .sub-menu li{ display:inline-block; margin-right:10px;}
.nav_product_mu li .sub-menu li a{ color:#999; font-size:12px ;  width:auto ; padding:3px; font-weight:normal; cursor:pointer; position:relative;}
.nav_product_mu li .sub-menu li a .no_select{ display:block; width:11px; height:11px; position:absolute; right:-4px; top:-4px; background:url("images/close2.png")}
.nav_product_mu li .sub-menu li a:hover{ color:#fff !important;background:#ff4800;}    

.select{ background:#ff4800; color:#FFF !important;font-weight:bold !important;}
#tagesulg,#catsulg{ display: none;}
#tagesname{ width:87%; background:#EAEAEA; border:none; font-size:14px; color:#666; padding:3px;}
.s_search_ys{ background:#FFF; float:left; width:99%; padding:5px;}
#content #tagesname{ width:80%;}
.alignleft {display:inline;float:left; margin-right:1.625em;}
.alignright { display:inline; float:right; margin-left:1.625em;}
.aligncenter {clear:both;display:block; margin-left:auto;margin-right:auto;}
/* shaixuan */

/*commet*/
.ajax_comment_from{ width:96%; padding:2%; overflow:hidden;}
.ajax_commont{ width:100%; height:auto; float:left; position:relative;}
.ajax_commont .tutle,.tutle_li{ width:38px; height:auto; float:left;margin-right:20px;}
.ajax_commont .tutle a,.tutle_li a{ display:block; overflow:hidden; font-size:0; border-radius:5px; width:100%; height:auto;  border:solid 1px #CCCCCC;}
.ajax_commont .tutle a img,.tutle_li a img{ max-width:100%; height:auto;}
 #ajax_commont_tex{ width:auto; display:block; overflow:hidden; position:relative;border:solid 1px #CCCCCC; border-radius:5px; background:#F5F5F5;}
#ajax_commont_tex #comment_ajax{ width:96%; padding:2%; border:none; height:64px; box-shadow:inset 0 2px 3px #D9D9D9; font-size:12px; color:#666;}
 #ajax_commont_tex .bottom_ajax{  right:0; width:100%; background:#F3F3F3; border-top:#CCC 1px  dashed;}
 #ajax_commont_tex .bottom_ajax #submit_ajax, #ajax_commont_tex .bottom_ajax #submit_bbs{ float:right; border-top:#F3F3F3 solid 1px;border-left:#F3F3F3 solid 1px; height:31px; border-bottom:none; border-right:none; padding:0 30px; background:#585c60; color:#FFF; cursor:pointer; text-shadow:1px 1px 2px #333; font-size:14px; position:relative; margin-top:-1px; box-shadow:0 0 3px #999999;}
.ajax_commont #ajax_commont_tex .bottom_ajax #submit_ajax:hover,#ajax_commont_tex .bottom_ajax #submit_bbs:hover{ background:#666;}
.ajax_commont #ajax_commont_tex .bottom_ajax a,.ajax_commont .smiley_kuang .smiley_close_btn{font-size:0; width:16px; height:16px; float:left; cursor:pointer; margin:8px 10px 0 10px;}
.ajax_commont #ajax_commont_tex .bottom_ajax  a.smiley_btn{  background:0px -276px url(images/theme.png)}
.ajax_commont #ajax_commont_tex .bottom_ajax  a.smiley_btn:hover{background:0px -295px url(images/theme.png);} 

.ajax_commont .smiley_kuang{ width:230px; max-width:100%; height:auto;  border:solid 1px #F3F3F3; background:#FFF; bottom:0; left:57px; box-shadow:0 0 5px #999; position:absolute; z-index:10000; border-radius:5px; display:none;}
.ajax_commont .smiley_kuang .smiley_kuang_in{padding:2%; width:96%; }
.ajax_commont .smiley_kuang span{ width:100%; height:25px; border-bottom:solid #F3F3F3 1px; display: block;}
.ajax_commont .smiley_kuang .smiley_close_btn{ float:right; margin-right:0; background:0 -327px url(images/theme.png);}
.ajax_title{ width:100%; height:auto; padding:5px 0; overflow:hidden;}
.ajax_title p{ font-size:12px; color:#666;  float:left; overflow:hidden; display:block;}
.ajax_title p a{ color:#06C; text-decoration:none; margin-right:10px; }

img.wp-smiley{ width:24px !important; height:24px !important;max-height:100% !important;}
.commentlist{ display:block; width:100%; height:auto; overflow:hidden; float:left; padding:20px 0 0; border-top: dashed 1px #CCCCCC;margin:10px 0; }
.nunbers_ajax{ display:block; width:100%; margin:30px 0 0; color:#333; font-size:12px; float:left; padding-left:20px;background: no-repeat 0 -389px url(images/login.png);}
.commentlist li{ display:block; width:100%; float:left;border-bottom: dashed 1px #CCCCCC; padding:15px 0; margin-bottom:5px;}
#ajax_commont_tex_li{overflow:hidden; }
#ajax_commont_tex_li .top_ajax_span {width:97%; padding:1%; border:none; height:auto; box-shadow:inset 0 0 3px #D9D9D9;  display:block; color:#666;border:solid 1px #CCCCCC; border-radius:5px; background:#F5F5F5; float:left; overflow:hidden; position:relative;}
#ajax_commont_tex_li .top_ajax_span  b{ font-size:14px; color:#666; float:left;}
#ajax_commont_tex_li .top_ajax_span  a{ float:right; font-size:12px; color:#999; margin-right:10px;}
#ajax_commont_tex_li  p{ font-size:12px; color:#666; margin:10px 0 0; float:left; width:100%; display:block; overflow:hidden;}
#ajax_commont_tex_li .top_ajax_span a.hfpl{ padding-left:20px;background: no-repeat 0 -357px url(images/login.png); cursor:pointer; }
#ajax_commont_tex_li .top_ajax_span  a:hover{ color:#09C;}
#ajax_commont_tex_li  em{ color:#666; margin:10px 0 0; float:left; width:100%; display:block; overflow:hidden; float:right; width:100%; font-size:12px;}
.ajax_loading{ float:right; width:16px; height:11px; background:url('images/loadingss.gif'); margin:10px 10px 0 0; display:none;}
.admin_red{ color:#F30 !important;}
.commentlist ul.children{ padding-left:56px; width: auto;overflow:hidden; position:relative; display:block}
.previous_ajax{ padding-bottom:20px; border-bottom:1px dashed #CCCCCC; float:left; width:100%;}
.previous_ajax a,.previous_ajax span{ display:block; float:left; margin:0 5px 5px 0; padding:3px 8px; border:solid 1px #CCCCCC; border-radius:5px; color:#666; }
.previous_ajax span{ background:#CCC; border:solid #999 1px; color:#fff;}
.shoopingbox{ display:block; width:100%; text-align:right; line-height:18px; float:left; margin:10px 0;}
.shoopingbox a{ color:#999; text-decoration:none; font-size:12px;}
.caser_reply{ float:left; width:100%; height:25px; color:#069; padding:5px 0; border-bottom:dotted 1px #CCCCCC; cursor:pointer; display:none; margin-bottom:5px; }
#commentform_out{ overflow:hidden; float:left; width:100%; padding:}
#commentlist .caser_reply{ display:block;}
#ajax_commont_tex label{ width:100%; height:auto;  float:left; padding:5px 0 5px 10px; font-size:12px; color:#999;}
#ajax_commont_tex label input{ width:60%; border-radius:5px; box-shadow:0 0 3px #CCCCCC; margin-left:10px;}
#ajax_commont_tex label select { height:30px; margin-left:10px;box-shadow:0 0 3px #CCCCCC;border-radius:5px; border:solid 1px #CCCCCC; padding:0 10px; }
#ajax_commont_tex label .themepark_radio{ width:auto !important; margin:10px 5px 0 15px; }
#ajax_commont_tex .bottom_mageis_box{ width:100%; height:10px; float:left;}
#ajax_commont_tex .themepark_comment_title{ float:left; display:block; width:98%; padding:10px 1%; border-bottom:#CCC dashed 1px;}
.ajax_no_login{ width:100%; height:1000px !important; padding-top:30px !important; text-align:center; font-size:12px; color:#999; position:absolute; z-index:10000000; top:0; left:0; background:url('images/w_80.png');}







/*vedio_fix_box*/
@media screen and (min-width:700px) and (max-width:20000px){
.vedio_fix_box{ background:url("images/blacks.png"); width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000000; display:none;}
.vedio_fix_box_in{ margin:0 auto; margin-top:10%; background:#fff; padding:10px; width:600px; overflow:hidden; }
.close_vedio{ width:100%; height:auto; float:left;}

.close_vedio_btn{ float:right; margin:5px 0 5px 0; display:block; padding:5px 10px; font-size:14px; color:#fff; font-weight:bold; background:#ff7800; cursor: pointer;}
.vedio_box_paly{ width:100%; height:450px; float:left; overflow:hidden;}
.vedio_box_paly iframe,.vedio_box_paly video,.vedio_box_paly .vedio_box_paly{ width:600px !important; height:450px !important; background:#000;}
}

@media screen and (min-width:100px) and (max-width:699px){
	.vedio_fix_box{ background:url("images/blacks.png"); width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000000; display:none;}
.vedio_fix_box_in{ margin:0 auto; margin:10% 5%; background:#fff; padding:10px; width:90%; overflow:hidden; }
.close_vedio{ width:100%; height:auto; float:left;}
.close_vedio_btn{ float:right; margin:5px 0 5px 0; display:block; padding:5px 10px; font-size:14px; color:#fff; font-weight:bold; background:#ff7800; cursor: pointer;}
.vedio_box_paly{ width:100%; height:50%; float:left; overflow:hidden;}
.vedio_box_paly iframe,.vedio_box_paly video,.vedio_box_paly .vedio_box_paly{ width:100% !important; height:100% !important;background:#000;}
	
	}
#per27 	.case_loop{ width:100%;}
/*vedio_fix_box over*/
/* index_modle over */


/* top */
#page_muen_nav{ width:100%;height:auto; margin:0 auto;  background:#ececec ;}
#page_muen_nav .page_muen_nav_in{  margin: 0 auto;max-width: 1226px;width: 100%;}
#page_muen_nav span,#page_muen_nav a,#page_muen_nav,#page_muen_nav nav { font-size:12px; color:#666; text-decoration:none;}
#page_muen_nav a:hover{color:#117dc2}
/* top */

/* cat&single&page */



@media screen and (min-width:1316px) and (max-width:20000px){
.main_top{ width:100%;  padding:5px 0;}	
.content{ width:100%;margin:0 auto 20px auto; }	
.content_page{width:96%; padding:0 2%; max-width:1226px; margin:0 auto; }	
	}
@media screen and (min-width:1024px) and (max-width:1315px){

.content{ width: auto;margin:0px 35px 0 auto; }	
.content_page{width:94%; padding:20px 4% 0 2%; max-width:1226px; margin:0 auto; }	
	}
@media screen and (min-width:1px) and (max-width:1023px){

.content{ width:100%;margin:90px  auto 0 auto;  }
#index_content{ margin:72px auto 20px 0; padding:0;}	
.content_page{width:96%; padding:116px 2% 0 2%; max-width:1226px; margin:0 auto; }	
	}

.left_mian{ float:left; width:20%;  }
.right_mian.full_main, .full_mian{float:left; width:100%; margin-bottom:20px; position:relative;}

@media screen and (min-width:1156px) and (max-width:20000px){
	
	#page_muen_nav{ padding:10px 0;margin:0 auto;}
}
@media screen and (min-width:1025px) and (max-width:1155px){
	
	#page_muen_nav{ padding:10px 0;margin: 146px auto 0 auto;}
}


@media screen and (min-width:1024px) and (max-width:20000px){

#page_muen_nav.top_searchs{padding:10px 0;}
.left_mian{ float:left; width:20%;  margin-top:10px;}
.right_mian{ float:right; width:78%; margin-top:10px;}
.full_main{ float:left; width:100%; margin-top:10px;}
#blank{ display:none;}
#sx_btn{ display:none;}
.screening_close{ display:none;}
	}
.single-product	.content_page{ background:#FFF; margin-top:30px;}
@media screen and (min-width:1316px) and (max-width:20000px){.content_page{padding:15px 2%; }}	
@media screen and (min-width:100px) and (max-width:1023px){

#per27{ display:none;}
#page_muen_nav { margin-top:53px; display:none;}
.right_mian{ float:right; width:100%;}
#blank{ width:100%; height:auto; position:fixed; left:0; top:71px;  background:#ececec; border-bottom:solid 1px #ccc; overflow:hidden; z-index:99;}
.single-product #blank{ top:36px; z-index:99999;}
.post-type-archive #page_tops{padding:116px 2% 15px 2%; }
.content_page{padding:116px 2% 15px 2%; }
#page_tops{padding:135px 2% 15px 2%; }
#blank a.blank i{ width:18px; height:18px; background:0 -811px no-repeat url('images/css.png'); display:block; float:left; margin-left:10px;}
#blank a.blank{ font-size:12px; display:block; overflow:hidden; float:left;padding:10px 0; width:50%; color:#333;}
#sx_btn{ float:right; line-height:25px; display:block; margin:0; font-size:12px; padding:8px 14px 4px 7px;}
#sx_btn i{ display:block; float:left; width:18px; height:20px; background:0 -850px no-repeat url('images/css.png'); display:block; margin-right:10px; }
.screening_close,.nav_product_close{ width:100%; background:#F3F3F3; border-bottom:solid 1px #F2F2F2; float:left;}
.screening_close p,.nav_product_close p{ float:left; font-size:12px; margin:0; padding:5px;}
.screening_close i,.nav_product_close i{ display:block; padding:5px 15px; background:#FF3300; color:#fff; float:right;}
}


/* cat&single&page */

/* post enter */

.pager {width:95%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:left; margin:20px 0;}
.pager a { background:#ececec; color:#666; font-size:12px;margin:2px;padding:10px; text-align:center; text-decoration:none; float:left;min-width: 1em;}
.pager a.current {background:#db2412; font-size:12px;margin:2px;color:#fff;}
.pager a:hover {background:#db2412;font-size:12px;color:#fff;text-decoration:none;}
.hover_incase{ position:absolute; top:0; left:0; display:none;}



.enter{overflow:hidden; width:100%; height:auto; position:relative;}
#right_shop  .enter p,.woocommerce-Tabs-panel p,.single_contents p{ font-size:14px; color:#333; line-height:28px; margin :0 0 5px 0;}
#right_shop .enter a,.single_contents .product-remove a{ color:#11a3c2;}
#right_shop  .enter iframe,#right_shop  .enter embed,#right_shop  .enter video,#right_shop .woocommerce-Tabs-panel  iframe,#right_shop .woocommerce-Tabs-panel embed,#right_shop .woocommerce-Tabs-panel video.single_contents embed,.single_contents video{ width:96% !important; display:block; margin:0 2%;
	}
#right_shop  #tab-vedio iframe{  width:96% !important;}	
@media screen and (min-width:1024px) and (max-width:20000px){ 
#right_shop  .enter iframe,#right_shop  .enter embed,#right_shop  .enter video,#right_shop .woocommerce-Tabs-panel  iframe,#right_shop .woocommerce-Tabs-panel embed,#right_shop .woocommerce-Tabs-panel video,.single_contents iframe,.single_contents embed,.single_contents video{ height:500px !important;}
}	
@media screen and (min-width:500px) and (max-width:1023px){ 
#right_shop  .enter iframe,#right_shop  .enter embed,#right_shop  .enter video,#right_shop .woocommerce-Tabs-panel  iframe,#right_shop .woocommerce-Tabs-panel embed,#right_shop .woocommerce-Tabs-panel video,.single_contents iframe,.single_contents embed,.single_contents video{ height:300px !important;}
}
@media screen and (min-width:1px) and (max-width:499px){ 
#right_shop  .enter iframe,#right_shop  .enter embed,#right_shop  .enter video,#right_shop .woocommerce-Tabs-panel  iframe,#right_shop .woocommerce-Tabs-panel embed,#right_shop .woocommerce-Tabs-panel video,.single_contents iframe,.single_contents embed,.single_contents video{ height:200px !important;}
}
	
	
#right_shop  .enter h2,.woocommerce-Tabs-panel h2,.single_contents h2{ display: inline-block; width:100%; font-size:18px; color:#666; border-bottom:dashed 1px #ccc; padding: 0 0 5px 0; margin:0 0 5px 0;}
#right_shop  .enter ul li,.woocommerce-Tabs-panel ul li,.single_contents ul li{ padding-left:10px; list-style:inside; margin-bottom:10px; font-size:14px; color:#666;}
#right_shop  .enter ol li,.woocommerce-Tabs-panel ol li,.single_contents ol li{margin-bottom:10px; font-size:14px; color:#666;}
#right_shop  .enter img,.woocommerce-Tabs-panel img,.single_contents img{ max-width:100%; height:auto; display:block;}
.enter .alignleft ,.woocommerce-Tabs-panel .alignleft,.single_contents .alignleft{display:inline;float:left; margin-right:1.625em;}
.enter .alignright,.woocommerce-Tabs-panel .alignright,.single_contents .alignright{ display:inline; float:right; margin-left:1.625em;}
.enter .aligncenter,.woocommerce-Tabs-panel .aligncenter,.single_contents .aligncenter{clear:both;display:block; margin-left:auto;margin-right:auto;}
.enter .title_page{ width:100%; padding:0 0 10px 0; border-bottom:#CCC solid 1px; margin-bottom:10px; }

.single_tag{ display:inline-block; margin:10px 0; width:100%;}
.single_tag a{ padding:5px 10px; display:inline-block; margin-right:10px; background:#F1F1F1; color:#333; border-radius:5px;}
.single_tag a:hover{background:#E3E3E3;}

.enter .title_page{ margin-bottom:2px; border: none; background:#fff; width:96%; padding:5px 2%; float:left;}
.enter .infot{color:#666; display:block; padding:0 ; margin:0; font-size:12px;}
.enter .title_page h1{ font-size:18px; color:#333; margin:0 0 10px; padding:0;  }
.guding{ display:block; width:100%;  }
.next_post{ width:100%; margin-top:5px; padding-top:5px; border-top: dashed #ccc 1px;}
.next_post p{ margin:0;}
.next_post p a{ color:#333;}
.single_vedio{ width:100%; height: auto; overflow:hidden; background:#ccc;}
.single_vedio_bottom{ padding:5px 2%; width:96%; background:#fff; float:left;margin-bottom:15px; }
.single_vedio_bottom p{ margin:0;}
.single_vedio video,.single_vedio iframe,.single_vedio embed{ width:100% !important;  float:left; display:block; background:#000;} 
#vedio_like{ width:98%; height:auto; padding:5px 1%; background:#fff; float:left; }
#gallery_lightbox{ width:100%; display:block; margin:10px 0; overflow:hidden; }
#gallery_lightbox li{ list-style:none; float:left;  display:block; font-size:0;}
#gallery_lightbox li a{ font-size:0;}
.gallery_xz{width:100%; display:block; margin:10px 0; overflow:hidden; text-align:center; background:#f5f5f5;}
.gallery_xz .index_next{ right:0;}

@media screen and (min-width: 1025px) and (max-width:200000px){
.right_mian  #gallery_lightbox li{ width:15.6%; margin:5px 0.5%; }
.right_mian.full_main #gallery_lightbox li{ width:11.5%; margin:5px 0.5%; padding:0; }
}
@media screen and (min-width: 600px) and (max-width:1024px){ #gallery_lightbox li{ width:19%; margin:5px 0.5%; }}
@media screen and (min-width: 1px) and (max-width:599px){ #gallery_lightbox li{ width:31.3%; margin:5px 1%; }}

@media screen and (min-width: 1025px) and (max-width:200000px){#vedio_like #case_index{ margin:0; padding:0; float:left;}}
#vedio_like #case_index{ float:left;}
#vedio_like #case_index li .case_text{ height:auto;}
@media screen and (min-width: 1025px) and (max-width:20000px){#vedio_like #case_index .case_loop  li{ width:14.9%; margin-right:1%;}}
@media screen and (min-width: 1px) and (max-width:1024px){
	#vedio_like #case_index .case_loop  li{ width:145px;}
		#vedio_like #case_index .case_loop  li .posts_title{height: 45px;}
		#vedio_like	#case_index { width: 96%;  height: auto;  padding: 10px 2%;}
	#vedio_like #case_index .case_loop { width:950px;}
	#vedio_like #case_index .caseshow{ width:100%; overflow:auto !important;overflow-x: scroll;-webkit-overflow-scrolling : touch;overflow-y:hidden;}
	}

@media screen and (min-width: 768px) and (max-width:200000px){.single_vedio video,.single_vedio iframe,.single_vedio embed{  height:500px; }}
@media screen and (min-width: 1px) and (max-width:767px){.single_vedio video,.single_vedio iframe,.single_vedio embed{  height:200px; }}
#vedio_like #case_index #case_comments li:hover{ box-shadow: none;}
#vedio_like .relevat_title{ width:100%; padding-bottom:5px; margin-bottom:5px; border-bottom:1px  solid #f5f5f5 ; font-size:14px; color:#666; font-weight:normal; float:left;}

.modle_title{ width:100%; height:auto; padding:5px 0 10px 0; float:left;}


.single_contents{padding:10px 2%; width:96%; background:#fff; float:left;margin:10px 0;}
#right_shop .single_contents{  width:96%; padding:10px 2%;}

.text_relvat{ float:left; width:100%;}
.text_relvat li{ float:left; padding:5px 2% ; list-style:none ; color:#666;}
.text_relvat li a{ color:#666;}
.text_relvat li a:hover{ text-decoration:underline;}
@media screen and (min-width:1px) and (max-width:768px){.text_relvat li{ width:96%;}}
@media screen and (min-width:769px) and (max-width:20000px){.text_relvat li{ width:46%;}}
/* post enter */

/* cat */

#category{ width:100%;}
#category  .default{ background:#fff; padding:0; margin:0; display:block; width:100%;}
#category  .default h2{ margin:0;}
#category  .default li{padding:10px 1%; width:98%; margin-bottom:10px; border-bottom:dashed #ccc 1px; overflow:hidden;}
#category  .default li:hover{ background:#FFF; box-shadow:0 0 3px #CCCCCC; }
#category  .default li  .titels{ font-size:16px; color:#333; font-weight:bold; margin-bottom:5px;}
#category  .default li span{ display:block; float:right; width:82%;}
#category  .default li span a{ margin-bottom:5px;}
#category  .default li p{ font-size:14px; color:#666;}
#category  .default li p em,#category  .default li p time{ font-size:12px; color:#999;}
#category   .default li .picdsa{ border:solid 3px #FFFFFF; width:15%; height:auto; float:left; overflow:hidden; display:block; margin-right:1%}
#category   .default li .picdsa figcaption,.case_loop figcaption,.left_pic figcaption,.imgclass figcaption,.custom_imgages figcaption{ font-size:0;}
#category   .default li .picdsa figure,.case_loop figure,.left_pic figure,.imgclass figure,.custom_imgages figure,.swiper_loop  figure{ margin:0;}
#category  .default li span a:hover,.infot a:hover{ text-decoration: underline; color:#11a3c2}
.infot a#tagss{ color:#11a3c2; font-size:12px; font-weight:normal; display:inline; margin-right:5px;}
.infot{ color:#11a3c2; font-size:12px; font-weight:normal; display:block; width:100%; padding-bottom:3px; margin-bottom:6px; }
.infot a{color:#11a3c2;}
.infot em,.infot time{ margin-right:10px;}
#category  .default li span.full_text_span{ width:100%;}

/* cat */
@media screen and (min-width:1px) and (max-width:600px){#category  .default li p{ display:none;}}

/*case_index*/

.caseshow{ width:100%; }
.caseshow .pagination { text-align:center;}
.case_qie_btn{ float:right; border:solid 1px #CCCCCC;}
.case_qie_btn a{ float:left; width:30px; height:23px;font-size:14px;text-align:center; color:#CCC; line-height:23px; cursor:pointer;}
.case_qie_btn a.prev_b{ border-right:solid 1px #ccc;}
.case_title{ width:100%; float:left; margin-bottom:15px; }

.mantitle a{ font-size:18px; color:#333; text-decoration: none; font-weight:normal; }
.caseshow ul,.caseshow .swiper-container{ width:100%; display:block; overflow:hidden; float:left; margin:0; padding:0;}
.caseshow .swiper-wrapper li { overflow:hidden; display:block; position:relative;}
.caseshow .swiper-wrapper li .padding_slide{ padding:5px; overflow:hidden; position:relative;}
.caseshow ul li{ float:left; width:18%; margin:0 2% 10px 0; display:block; list-style:none;   overflow:hidden; position:relative;}
#right_shop .caseshow  li .onsale,.caseshow  li .onsale,#right_shop span.onsale{ position:absolute; left:5px; top:10px; padding:5px; color:#fff; background:#db2412; z-index:2; line-height:normal;border-radius:0; min-height:inherit; font-weight:normal }
.caseshow ul li .case_pic,.caseshow .swiper-wrapper li .case_pic{ width:100%; height:auto; display:block; overflow:hidden; position:relative; font-size:0; margin-bottom:5px; cursor:pointer;}
.caseshow ul li:hover{ box-shadow:0 0 5px #999999;}
.caseshow ul li .case_text,.caseshow .swiper-wrapper li .case_text{ width:98%; padding:0 1%; height: auto; display:block; overflow:hidden; text-align:center; }



#right_shop  .cat_lineso .posts_title{ width:100%; margin: 0 0 5px 0; height:auto !important;}
#right_shop  .cat_lineso .product_duibi{ width:100%; padding:0;}

@media screen and (min-width:1024px) and (max-width:20000px){

#right_shop #case_index ul li{ margin-bottom:10px; width:24%; margin-right:0.5%;}
#right_shop #case_index ul.cat_line3 li{width:32%; margin-right:0.5%;}
#right_shop #case_index ul.cat_line5 li{width:19%; margin-right:0.5%;}
#right_shop #case_index ul.cat_line6 li{width:15%; margin-right:0.5%;}
}
@media screen and (min-width:1236px) and (max-width:20000px){
#case_index ul li{width:19%;float:none; display:inline-block; margin-right:0.5%;}	
#case_index ul li.ad_images{ float:left; margin-right:1%;}
#case_index ul li.ad_images a.top_maginc{ margin-top:10px;}
#case_index ul li .thumbnails{position:absolute; left:0; bottom:-300px;}
#case_index ul li .thumbnails a img{width:38px; height: auto;}
#case_index ul li .thumbnails{width:90%; padding:5px 5%;}
#case_index #case_comments li{ width:24%; }

	}
@media screen and (min-width:1024px) and (max-width:1235px){
#case_index ul li{width:19%;float:none; display:inline-block; margin-right:0.5%;}	
#case_index ul li.ad_images{ float:left; margin-right:1%;}
#case_index ul li.ad_images a{ padding:10px 0; margin-bottom:10px;}
#case_index ul li .thumbnails{ display:block !important;}
#case_index ul li .thumbnails{position:absolute; left:0; bottom:-300px;}
#case_index ul li .thumbnails a img{width:38px; height:38px;}
#case_index ul li .thumbnails{width:90%; padding:5px 5%;}
#case_index #case_comments li{ width:24%; }
	}
@media screen and (min-width:600px) and (max-width:1023px){
#case_index ul li{width:32%; float:left; display:block; margin-right:0.5%;}	
#case_index ul li.ad_images{  ; display:none;}
#case_index ul li .thumbnails{ display:block !important;}
#case_index ul li .zhangaodu{ width:100%; height:57px;}
#case_index ul li .thumbnails .thumbnail_prve,#case_index ul li .thumbnails  .thumbnail_next{ display:none;}
#case_index ul li .thumbnails{width:100%; padding:5px 0;}
	}	
@media screen and (min-width:300px) and (max-width:599px){
#case_index ul li{width:49%; float:left; display:block; margin-right:0.5%;}	
#case_index ul li.ad_images{   display:none;}
#case_index ul li .thumbnails{ display:block !important;}
#case_index ul li .zhangaodu{ width:100%; height:57px;}
#case_index ul li .thumbnails .thumbnail_prve,#case_index ul li .thumbnails  .thumbnail_next{ display:none;}
#case_index ul li .thumbnails{width:100%; padding:5px 0;}
#right_shop #case_index ul.cat_lineso   li .excerp,#right_shop #case_index ul.cat_lineso   li .onsale{ display:none;}

	}	
@media screen and (min-width:1px) and (max-width:299px){
#case_index ul li{width:100%; margin:0; float:left; display:block;}	
#case_index ul li.ad_images{   display:none;}
#case_index ul li .thumbnails{ display:block !important;}
#case_index ul li .zhangaodu{ width:100%; height:57px;}
#case_index ul li .thumbnails .thumbnail_prve,#case_index ul li .thumbnails  .thumbnail_next{ display:none;}
#case_index ul li .thumbnails{width:100%; padding:5px 0;}
#right_shop #case_index ul.cat_lineso   li .excerp,#right_shop #case_index ul.cat_lineso   li .onsale{ display:none;}
	}	
@media screen and (min-width:1px) and (max-width:450px){	
#right_shop #case_index ul#move_only_line li{ width:96%; margin:0 1% 8px 1%;}
#right_shop #case_index ul#move_only_line li .case_pic{ width:20%; float:left;}
#right_shop #case_index ul#move_only_line li .case_text{ width:73%; float:left; margin-left:5%; text-align:left; height:auto;}
#right_shop #case_index ul#move_only_line   li .thumbnails{ display:none !important;}	
#right_shop #case_index ul#move_only_line   li .black_price_out{ text-align:left;}
#right_shop #case_index ul#move_only_line  li .zhangaodu{ display:none;}
#right_shop #case_index ul#move_only_line   li .onsale{ display:none;}
#right_shop #case_index ul#move_only_line  li .black_price_out.zuhep{ height: auto;}
#right_shop #case_index ul#move_only_line  li .zuhep del,#right_shop #case_index ul#move_only_line  li .zuhep ins{ width:auto; float:left;}
}
#right_shop #case_index ul.cat_lineso li{ width:96%; margin:0 1% 8px 1%;}
#right_shop #case_index ul.cat_lineso li .case_pic{ width:20%; float:left;}
#right_shop #case_index ul.cat_lineso li .case_text{ width:73%; float:left; margin-left:5%; text-align:left; height:auto;}
#right_shop #case_index ul.cat_lineso   li .thumbnails{ display:none !important;}
#right_shop #case_index ul.cat_lineso   li .black_price_out{ text-align:left;}
#right_shop #case_index ul.cat_lineso  li .zhangaodu{ display:none;}

#right_shop #case_index ul.cat_lineso  li .black_price_out.zuhep{ height: auto;}
#right_shop #case_index ul.cat_lineso  li .zuhep del,#right_shop #case_index ul.cat_lineso  li .zuhep ins{ width:auto; float:left;}


#case_index ul{ width:101%;}
.full_main #case_index ul{ width:101.5%;}
#case_index .caseshow{max-width:1226px;width:99%; padding:0 0.5%; overflow:hidden; margin:0 auto;}

.padding_slide{ width:98%; padding:1%; overflow:hidden; background:#fff; position:relative;}

#case_index ul li.ad_images a{ display:block; font-size:0;}
#case_index ul li .thumbnails{  height:47px; overflow:hidden;  background:url('images/w_80.png');}
#case_index ul li .thumbnails a{ display:block; overflow:hidden; font-size:0;}
#case_index ul li .thumbnails a.this img{ border: 1px solid #F30;}
#case_index ul li .thumbnails a img{ border: 1px solid #fff; padding: 1%;width: 90%; cursor:pointer; }
#case_index ul li .thumbnails .thumbnail_prve,#case_index ul li .thumbnails  .thumbnail_next {background-image: url("images/css.png");background-repeat: no-repeat;cursor: pointer;height:47px; position: absolute;width: 5% !important; background-color: #F6F6F6;}
#case_index ul li .thumbnails .thumbnail_prve{ right:0;background-position:3px -709px;}
#case_index ul li .thumbnails .thumbnail_next { left:0; background-position:3px -658px;}
#case_index ul li .comments_p{ font-size:12px; color:#666; margin:3px 0; display:block; width:100%;}
#case_index ul li  .case_text{ height:97px;}
#right_shop #case_index ul li  .case_text{ height:auto; padding-bottom:5px;}
#case_index ul li.nav_li{ float:left; overflow:hidden; }
#case_index ul li.nav_li ul{background:#48bbb2; width:96%; padding:2%; height:100%}
#case_index ul li.nav_li ul li{ padding:5px 0; background:url("images/blacks_25.png"); display:block; float:left; text-align:center;}
#case_index ul li.nav_li ul li.menu-item-has-children{ width:100%; margin:0; background:none; text-align:left;}
#case_index ul li.nav_li ul li.menu-item-has-children a div{ font-weight: bold;font-size:14px;}
#case_index ul li.nav_li ul li.menu-item-has-children a{ margin:0 0 10px 1%; float:left;}

#case_index ul li.nav_li ul li a div{ font-size:12px; color:#fff;}
#case_index ul li.nav_li ul li.menu-item-has-children .sub-menu li a{ margin:0;}
#case_index ul li.nav_li ul li.menu-item-has-children .sub-menu li a div{ font-weight:normal; font-size:12px; }
#case_index ul li.nav_li ul li.menu-item-has-children .sub-menu { padding:0; width:100%; background:none;}
@media screen and (min-width:1px) and (max-width:1023px){
	#case_index ul li.nav_li{ width:100%; height:auto !important;}
		#case_index ul li.nav_li ul li{ width:auto; padding:5px 10px;}
		#case_index ul li.nav_li ul li.menu-item-has-children{ padding:0; margin-bottom:5px;}
	#case_index ul li.nav_li ul{ width:99%; padding:1%;}
	#case_index ul li.nav_li ul li.menu-item-has-children .sub-menu li { margin:0 1% 5px 1%}
	}
@media screen and (min-width:1024px) and (max-width:20000px){
#case_index ul li.nav_li ul li a{ float:left; display: block; width:100%;}
		#case_index ul li.nav_li ul li{ width:48%; margin:0 1% 5px 1%;}
		
	}	
.case_pic_bottom{ width:100%; background:#000; float:left; position:relative;}
.case_pic_bottom a,#right_shop .case_pic_bottom a{ display:block; width:50%; padding-top:0 !important; float:left;text-align:center; color:#FFF !important; font-size:12px; text-decoration:none; height:30px; line-height:30px; background:none; padding:0 !important; border:none !important;}
.case_pic_bottom a,#right_shop .case_pic_bottom a::after{content:'';}
.cart_zt{ width:19px; height:16px; background: no-repeat 3px -209px url("images/css.png"); display:inline-block; position:relative; top:3px;}
.caseshow ul li .case_pic .loading .cart_zt{ background: no-repeat url("images/loading.gif");}
#right_shop .caseshow ul li .case_pic .loading::after,#right_shop .caseshow .swiper-wrapper li .case_pic .loading::after{content:none !important;}
#right_shop .caseshow  li .case_pic .loading{ opacity:0.8;}
.black_price_out{ width:100%; height:21px; padding:0; text-align:center; overflow:hidden; display:block;}

.black_price_out .black_price,.black_price_out ins{ font-size:14px; color:#ff6600;}
.black_price_out .black_price_yj,.black_price_out del,#right_shop .black_price_out del span{ font-size:14px; color:#666; text-decoration:line-through;}
.black_price_out del span{color: #666;}	.black_price_out del{margin-right: 10px;}
/*case_index*/


/*dwqa question*/
.dwqa-question-title{ margin-bottom:10px;}
#right_shop .enter .dwqa-question-filter span,#right_shop .enter .dwqa-question-filter a{ font-size:14px;}
#right_shop .enter  .dwqa-question-title a{ font-size:16px; color:#333;}
.dwqa-question-meta span{ font-size:12px; color:#666;}
.dwqa-ask-question{ background:#db2412;  border-radius:5px; border:solid 1px #fff;}
#right_shop .enter  .dwqa-ask-question a{color:#fff; font-size:12px; }
.dwqa-questions-footer{ text-align:right;}
.dwqa-questions-list .dwqa-question-item .dwqa-question-stats span{ color:#666; }
#right_shop .enter .dwqa-questions-list .dwqa-question-item .avatar{ display:none;}
.dwqa-breadcrumbs{ width:96%; padding:10px 2%; background:#F6F6F6; border:solid 1px #ccc;}
#right_shop .enter  .dwqa-breadcrumbs a,#right_shop .enter  .dwqa-breadcrumbs span{ font-size:12px;}
#right_shop .enter  .dwqa-staff{ color:#fff; padding:3px 10px;}
.single-dwqa-question .dwqa-question-item .dwqa-question-meta{ padding:15px 0 ; border-bottom: dashed 1px #ccc;}
#right_shop .enter .dwqa-question-vote{ top:91px;}
#right_shop .enter .dwqa-answer-vote{ top:120px;}

#right_shop .enter  .dwqa-vote{border-width:0 !important; width:30px; height:18px; font-size:30px;display: inline-block;   font-family: FontAwesome;  font-feature-settings: normal;  font-kerning: auto;  font-language-override: normal;  font-size: inherit;  font-size-adjust: none;   font-stretch: normal;  font-style: normal;  font-synthesis: weight style;  font-variant: normal;  font-weight: normal;  line-height: 1; text-rendering: auto;text-indent:0; overflow:hidden; left:7px; line-height:18px;}
#right_shop .enter  .dwqa-vote-up::before { content: ""; color:#393}
#right_shop .enter .dwqa-vote-up{color:#393; top:-27px;}
#right_shop .enter .dwqa-vote-down{color:#666; bottom:-29px;}
#right_shop .enter  .dwqa-vote-down::before {   content: ""; color:#666;}
#right_shop .enter  .dwqa-question-item .dwqa-question-meta .dwqa-question-status select,#right_shop .enter   .dwqa-answer-form .dwqa-select{ border:solid 1px #ccc; padding:2px 5px; font-size:14px; color:#666;}

#right_shop .enter .dwqa-pick-best-answer{width:36px; height:40px; display: inline-block;   font-family: FontAwesome;  font-feature-settings: normal;  font-kerning: auto;  font-language-override: normal;  font-size: inherit;  font-size-adjust: none;   font-stretch: normal;  font-style: normal;  font-synthesis: weight style;  font-variant: normal;  font-weight: normal;  line-height: 1; text-rendering: auto;text-indent:0; overflow:hidden; top:230px; text-align: center;font-size:14px; left:4px; }
#right_shop .enter .dwqa-pick-best-answer::before{ content: ""; font-size:26px; margin:6px;}

#right_shop .enter .dwqa-pick-best-answer::after{content: inherit;}

#right_shop .enter  .dwqa-vote-count{ color:#fff; background:#1ba1e2; font-size:16px; font-weight:bold; border-radius:5px; width:27px; height:27px; line-height:29px; left:2px; top:17px;}
#right_shop .enter  .dwqa-btn{ border:none; padding:10px 20px; background:#db2412; color:#fff; border-radius:5px; cursor:pointer;}
.dwqa-best-answer{ background:#FBFEE2;}

/*dwqa question */

.qhbtn_themepark_out{ width:100%; overflow:hidden; margin:20px 0;}
.qhbtn_themepark{ width:100%; height: auto; overflow:hidden; background:#EFEFEF; padding:0 0 1px 1px;}

.qhbtn_fixed{ position:fixed; top:97px; z-index:99; box-shadow:0 0 5px #999;}
#qhbtn_themepark_top{ width:100%; height:1px;}
.qh_div{ display:block; width:97%; border:solid 1px #CCCCCC; background:#F7F7F7; padding:1%; }
.admin-bar .qhbtn_fixed{ top:130px;}
@media screen and (min-width:1025px) and (max-width:2000000px){.enter .qhbtn_themepark a{ display: block;font-size: 16px; padding:10px 15px; float:left; color:#333; text-decoration:none !important; margin:1px 1px 0 0 !important; background:#EFEFEF; cursor:pointer;}
	.qhbtn_themepark_out{height:41px;}
}
@media screen and (min-width:1px) and (max-width:1024px){.qhbtn_fixed{top:0 !important; z-index: 99999!important; width: 100%!important; left: 0!important; height: 86px;}
.enter .qhbtn_themepark a{ display: block;font-size: 14px; padding:5px 15px; float:left; color:#333; text-decoration:none !important; margin:1px 1px 0 0 !important; background:#EFEFEF; cursor:pointer;}
.qhbtn_themepark_out{height:31px;}
}
.single_content_box .qh_div h2{ background: none; border:none; padding:0; margin:0;}
.single_content_box  .qhbtn_themepark .nows{ background:#ff8400; color:#fff;}
.single_content_box .swiper-container a{ margin:0 !important;}
.xh-regbox{    width: 96%!important;padding: 15px 2%!important; float: left;}
.open_social_box, .xh_social_box{text-align: left!important;overflow: hidden;}